<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <!--<meta name="format-detection" content="telephone=no"/>-->
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
    <title>业绩详情</title>
    <link rel="stylesheet" href="../../fonts/font_awesome/css/font-awesome.min.css">
    <link rel="stylesheet" href="../../js/mui/css/mui.min.css">
    <link rel="stylesheet" href="../../css/mui-app-style.css">
    <link rel="stylesheet" href="../../css/contacts.css">
</head>
<body>
<header class="mui-bar mui-bar-nav">
    <a id="backBtn" class="mui-action-back mui-icon mui-icon-back mui-pull-left"></a>
    <!--业绩-->
    <a id="prevBtn2" class="mui-icon mui-icon-back mui-pull-left"></a>
    <!--详情-->
    <a id="prevBtn3" class="mui-icon mui-icon-back mui-pull-left"></a>
    <h1 class="mui-title"></h1>
</header>

<!--遮罩-->
<div id="mask" style="display: none"></div>
<!--类别1-->
<div id="segmentedControlbox" >
    <div id="segmentedControl" class="mui-segmented-control mui-segmented-control-inverted mui-segmented-control-primary">
        <a tag="real" class="mui-control-item mui-active" href="#item0">已实名</a>
        <a tag="noreal" class="mui-control-item" href="#item1">未实名</a>
    </div>
</div>
<!--类别2-->
<div id="segmentedControlbox2" style="display: none">
    <div id="segmentedControl2" class="mui-segmented-control mui-segmented-control-inverted mui-segmented-control-primary">
        <a tag="day" class="mui-control-item mui-active" href="#item0">日业绩</a>
        <a tag="month" class="mui-control-item" href="#item1">月业绩</a>
    </div>
</div>
<!--排序-->
<div class="filter">
    <div class="mui-row">
        <div class="mui-col-xs-4">
            <span>通讯录：6</span>
        </div>
        <div class="mui-col-xs-8">
            <div class="mui-text-right filter__btn">
                <!--sort-asc-->
                <span id="type">用户级别排行</span> <i class="fa fa-sort-down"></i>
            </div>
        </div>
    </div>
</div>
<div class="filter-list">
    <ul>
        <li tag="0" class="active">默认排序</li>
        <li tag="1">用户级别排行</li>
        <li tag="2">用户预收益排行</li>
        <li tag="3">用户规模从高到低</li>
        <li tag="4">用户规模从低到高</li>
        <li tag="5">本月交易额从高到低</li>
        <li tag="6">本月交易额从低到高</li>
        <li tag="7">本月用户登记商户排行</li>
    </ul>
</div>

<!--通讯录-->
<div id="pullrefresh1" class="mui-content mui-scroll-wrapper">
    <div class="mui-scroll">
        <ul class="mui-table-view" style="background: #EFEFF4">

        </ul>
    </div>
</div>
<!--下拉刷新容器-->
<div id="pullrefresh" class="mui-content mui-scroll-wrapper" style="top:55px;display: none">
    <div class="mui-scroll">
        <!--数据列表-->
        <ul id="list-view" class="mui-table-view mui-table-view-chevron mui-input-group">

        </ul>
    </div>
</div>

<!--detail-->
<div id="detail" class="mui-content" style="display: none;">
    <div class="service detail__list">
        <h5>商户总数 <span class="count mui-badge mui-badge-primary mui-pull-right">1</span></h5>
        <ul class="mui-table-view">
            <li class="mui-table-view-cell">服务商总数 <span class="mui-badge">14</span></li>
            <li class="mui-table-view-cell">商户总数 <span class="mui-badge">1</span></li>
            <li class="mui-table-view-cell">当日交易额<span class="mui-badge">5</span></li>
            <li class="mui-table-view-cell">当月交易额<span class="mui-badge">50000.00</span></li>
        </ul>
    </div>
</div>

<script src="../../js/mui/js/mui.min.js"></script>
<script src="../../js/common/crypto-js.js"></script>
<script src="../../js/common/common.js"></script>
<script src="../../js/contacts/contacts.js"></script>
<script>

</script>
</body>
</html>